@extends('front.common.header')
@section('title','企业招聘')

@section('head')
@parent
@stop


@section('content')
<script src="{{ asset('/js/company/search.js') }}"></script>
<link href="{{ asset('/css/company/jobs.css') }}" rel="stylesheet" type="text/css">
{{-- 主体内容 --}}
<div id="jobs-main-content">

 <div id="jobs-wrap">
   {{-- 左侧索引 --}}
   <div id="jobs-sidebar" class="fl pd0">
       <div id="jobsnav" class="jobsnav">
       @foreach ($category as $key => $cat)
           <div class="menu_box">
               <div class="menu_main">
                 <h2>{{ $cat->name }}<span></span></h2>
                 <p>
                   @foreach($recommondCates[$cat->cat_id] as $recommondc)
                       <a href="/company/list?typeid=1&kw={{ $recommondc->name }}">{{ $recommondc->name }}</a>
                   @endforeach
                 </p>
               </div>
               <div  @if($key == (count($category)-1)) class="menu_sub last" @else  class="menu_sub" @endif>
                   <dl class="reset">
                       @foreach($cat->childrenCates as $subc)
                       <dt>
                           <a href="/company/list?typeid=1&kw={{ $subc->name }}">
                                {{ $subc->name }}
                           </a>
                       </dt>
                       <dd >
                           @foreach($subc->childrenCates as $thirdc)
                           <a href="/company/list?typeid=1&kw={{ $thirdc->name }}" class="curr">{{ $thirdc->name }}</a>
                           @endforeach
                       </dd>
                       @endforeach
                   </dl>
               </div>
           </div>
       @endforeach
       </div>
   </div>
  {{-- 右侧内容 --}}
   <div id="jobs-content" class="fl pd0 ma0">
    {{-- 搜索 --}}
    <div class="jobs_searchbox" >
        <div id="jobs_searchsort">
            <div class="selectedsort">
                <span class="itemName" id="itemName" name="itemName">职位</span>
                <span class="sortico"></span>
            </div>
            <div class="searchsortlist">
                <div class="searchItem">职位</div>
                <div class="searchItem">企业</div>
            </div>
        </div>
        <input type="text"   id="jobs_keyword" name="keyword" placeholder="请输入职位或企业名称" value=""/>
        <input type="submit" id="jobs_searchbtn" value="" />
    </div>
    <script type="text/javascript">JobsSearch();</script>
    {{-- 热门搜索 --}}
    <div id="jobs-hotSearch">
        <ul>
            <li class="title">
                <a href="#" class="hotsearch-link" title="热搜">热门搜索:</a>
            </li>
            <li class="text ">
                <a href="/company/list?typeid=1&kw=" class="js-hotword" style="" hidefocus="true" >c++</a>
            </li>
            <li class="text ">
                <a href="/company/list?typeid=1&kw=" class="js-hotword" style="color: #005969" hidefocus="true" >php</a>
            </li>
            <li class="text ">
                <a href="/company/list?typeid=1&kw=" class="js-hotword" style="" hidefocus="true" >java</a>
            </li>
            <li class="text ">
                <a href="/company/list?typeid=1&kw=" class="js-hotword" style="" hidefocus="true" >UI设计</a>
            </li>
            <li class="text ">
                <a href="/company/list?typeid=1&kw=" class="js-hotword" style="color: #005969" hidefocus="true" >产品经理</a>
            </li>
            <li class="text ">
                <a href="/company/list?typeid=1&kw=" class="js-hotword" style="" hidefocus="true" >网络工程师</a>
            </li>
        </ul>
    </div>
    {{-- 广告图展轮播大图 --}}
    <div id="jobs-home_banner" class="home_banner">
         <ul class="home_banner_imgs">
             @foreach ($banners as $key => $banners)
               <li>
                  <a href="{{$banners->link}}" target="_blank">
                    <img src="{{$banners->attachment->url}}"/>
                  </a>
               </li>
             @endforeach
         </ul>
         <div class="num">
             <ul></ul>
         </div>
         <a class="prev" href="javascript:void(0)"></a>
         <a class="next" href="javascript:void(0)"></a>
    </div>
    {{-- 广告图展小图 --}}
    <div id="jobs-small_banner">
      <ul id="da-thumbs" class="da-thumbs">
       @foreach($company as $key=>$coms)
        <li @if($key == 4) class="last"  @endif>
            <a href="{{ url('/company/detail?typeid=2&comid='.$coms->id) }}" target="_blank">
                <img src="{{ $coms->logo }}" width="100%" height="113" alt=""  />
                <div class="hot_info">
                    <h2 title="{{ $coms->name }}">{{ $coms->name }}</h2>
                    <em></em>
                    <p title="{{ $coms->signature }}">
                        {{ str_limit($coms->signature, 56) }}
                    </p>
                </div>
            </a>
        </li>
       @endforeach
    </ul>
    </div>
    <script type="text/javascript" src="{{ asset('/js/company/companybanner.js') }}"></script>
    <script type="text/javascript" src="{{ asset('/js/company/jquery.hoverdir.js') }}"></script>
    <script type="text/javascript">
        $(function() {
            $(' #da-thumbs > li ').each( function() { $(this).hoverdir(); } );
        });
    </script>
    {{-- 热门企业/热门职位 --}}
    <div id="jobs-hots">
        <div class="hot-company_tit" >
            <a id="hot-jobs-btn" class="hotbtnbg commonbgc" >热门职位</a><a id="hot-company-btn"class="hotbtnbg">热门企业</a>
        </div>

        {{-- 热门职位 --}}
        <div id="hot-jobs">
            <div id="hot-jobs-list" class="row ma">
                @foreach($hotjobs as $key=>$jobs)
              <div class="fs14 c3 pt30 bcgf" >
                <div class="hot-jobs-infot">
                    <div class="col-xs-7 col-sm-7 col-md-7 pr0 mb10">
                        <div class="position_name">
                            <h2 class="fl fs18">
                                <a href="{{ url('/company/detail?typeid=1&jobsid='.$jobs->jobs_id) }}" target="_blank" class="fl wordCut">{{ $jobs->title }}</a>
                                <span>[{{ $jobs->areas->title }}]</span>
                            </h2>
                            <span class="time">{{ date('Y-m-d',strtotime($jobs->created_at))}}</span>
                        </div>
                        <div>
                            <span class="salary fl">
                            @if(($jobs->salary_lower == 0 || empty($jobs->salary_lower)) && ($jobs->salary_high == 0 || empty($jobs->salary_high)))
                            面议
                            @elseif(($jobs->salary_lower == 0 || empty($jobs->salary_lower)) && $jobs->salary_high > 0)
                            {{$jobs->salary_high}}k以下
                            @else
                            {{ $jobs->salary_lower }}k-{{ $jobs->salary_high }}k
                            @endif
                            </span>
                            <span>经验{{ $jobs->gznx_name }}</span> /
                            <span>{{ $jobs->degree_name }}</span>
                        </div>
                    </div>
                    <div class="col-xs-5 col-sm-5 col-md-5 pd0 mb10">
                        <div class="fl">
                            <div class="company_name wordCut" >
                                <a href="{{ url('/company/detail?typeid=2&comid='.$jobs->company_id) }}" target="_blank" title="{{$jobs->company->name}}">{{$jobs->company->name}}</a>
                            </div>
                            <div class="industry wordCut">
                                @if(!empty($types))
                                @foreach( $types[$jobs->company_id] as $key => $type)
                                   @if ($key == 1)
                                     <span>&bull;&nbsp;{{$type->name}}</span>@else<span>{{$type->name}}</span>
                                   @endif
                                @endforeach
                                @endif
                                /&nbsp;<span>{{$jobs->develop_name}}</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="hot-jobs-infob">
                    <div class="col-xs-7 col-sm-7 col-md-7 pr0 fs14">
                        “{{ str_limit($jobs->company->signature, 56) }}”
                    </div>
                    <div class="col-xs-5 col-sm-5 col-md-5 pl0">
                        @foreach( $tags[$jobs->company_id] as $tag)
                        <span>{{$tag->tags_name}}</span>
                        @endforeach
                    </div>
                </div>
              </div>
                @endforeach
            </div>
            {{-- 加载更多 --}}
            <div id="hot-jobs-more" class="jobs-hots-more">
                {{-- @if(count($hotjobs) < 12)
                 <button type="button" style=" background: #d9d9d9">加载完毕</button>
                @else
                <button type="button" id="getMoreJobs" class="getMoreJobs" >加载更多</button> --}}
                <a href="{{ url('/company/list?typeid=1')}}" target="_blank" class="fr">
                    查看更多
                    <img src="{{ asset('/images/jobs/circle.png') }}"/>
                </a>
                <input type="hidden" name="jobspages" value="{{$jobspages}}" />
                {{--@endif --}}
            </div>
{{--<!--            <script>-->--}}
{{--<!--                $(function(){-->--}}
{{--<!--                    $("#getMoreJobs").click(function(){-->--}}
{{--<!--                        var p = $("input[name=jobspages]").val();-->--}}
{{--<!--                        $.ajax({-->--}}
{{--<!--                            type:'post',-->--}}
{{--<!--                            cache:'false',-->--}}
{{--<!--                            url:'/company/hotjobs',-->--}}
{{--<!--                            data:"page="+p+"&_token="+'{{ csrf_token() }}',-->--}}
{{--<!--                            dataType:'json',-->--}}
{{--<!--                            success:function(data){-->--}}
{{--<!--                                if(data.status == 'success'){-->--}}
{{--<!--                                    var res = data.data;-->--}}
{{--<!--                                    var html = '';-->--}}
{{--<!--                                        $.each(res,function(index,item){-->--}}
{{--<!--                                            var job_url = "{{url('/company/detail?typeid=1&jobsid=')}}" + item.jobs_id;-->--}}
{{--<!--                                            var com_url = "{{url('/company/detail?typeid=2&comid=')}}" + item.company_id;-->--}}
{{--<!--                                            html +='<div class="fs14 c3 pt30 bcgf" >';-->--}}
{{--<!--                                              html +='<div class="hot-jobs-infot">';-->--}}
{{--<!--                                                html +='<div class="col-xs-7 col-sm-7 col-md-7 pr0 mb10">';-->--}}
{{--<!--                                                  html +='<div class="position_name">';-->--}}
{{--<!--                                                     html +='<h2 class="fl fs18">';-->--}}
{{--<!--                                                        html +='<a href="'+job_url+'" target="_blank" class="fl wordCut">'+item.title+'</a>';-->--}}
{{--<!--                                                        html +='<span>['+item.area_title+']</span>';-->--}}
{{--<!--                                                     html +='</h2>';-->--}}
{{--<!--                                                     html +='<span class="time">'+item.created_time+'</span>';-->--}}
{{--<!--                                                  html +='</div>';-->--}}
{{--<!--                                                  html +='<div>';-->--}}
{{--<!--                                                     html +='<span class="salary fl">'+item.salary_name+'</span>';-->--}}
{{--<!--                                                     html +='<span>经验'+item.gznx_name+'</span>&nbsp;/&nbsp;';-->--}}
{{--<!--                                                     html +='<span>'+item.degree_name+'</span>';-->--}}
{{--<!--                                                  html +='</div>';-->--}}
{{--<!--                                                html +='</div>';-->--}}
{{--<!--                                                html +='<div class="col-xs-5 col-sm-5 col-md-5 pd0 mb10">';-->--}}
{{--<!--                                                  html +='<div class="fl">';-->--}}
{{--<!--                                                     html +='<div class="company_name wordCut" >';-->--}}
{{--<!--                                                        html +='<a href="'+com_url+'" target="_blank">'+item.com_name+'</a>';-->--}}
{{--<!--                                                     html +='</div>';-->--}}
{{--<!--                                                     html +='<div class="industry wordCut">';-->--}}
{{--<!--                                                  $.each(item.types,function(i,t){-->--}}
{{--<!--                                                     if( i ==1 ){-->--}}
{{--<!--                                                       html +='&nbsp;&bull;&nbsp;<span>'+t.name+'</span>';-->--}}
{{--<!--                                                     }else{-->--}}
{{--<!--                                                       html +='<span>'+t.name+'</span>';-->--}}
{{--<!--                                                     }-->--}}
{{--<!--                                                  });-->--}}
{{--<!--                                                     html +='&nbsp;/&nbsp;<span>'+item.develop_name+'</span>';-->--}}
{{--<!--                                                   html +='</div>';-->--}}
{{--<!--                                                html +='</div>';-->--}}
{{--<!--                                               html +='</div>';-->--}}
{{--<!--                                              html +='</div>';-->--}}
{{--<!--                                              html +='<div class="hot-jobs-infob">';-->--}}
{{--<!--                                               html +='<div class="col-xs-7 col-sm-7 col-md-7 pr0 fs14">';-->--}}
{{--<!--                                                 html +='“'+item.com_sign+'”';-->--}}
{{--<!--                                               html +='</div>';-->--}}
{{--<!--                                               html +='<div class="col-xs-5 col-sm-5 col-md-5 pl0">';-->--}}
{{--<!--                                            $.each(item.tags,function(i,ta){-->--}}
{{--<!--                                                html +='<span>'+ta.tags_name+'</span>&nbsp;';-->--}}
{{--<!--                                            });-->--}}
{{--<!--                                               html+='</div>';-->--}}
{{--<!--                                              html+='</div>';-->--}}
{{--<!--                                            html+='</div>';-->--}}
{{--<!--                                        });-->--}}
{{--<!--                                        $("input[name=jobspages]").val(data.pages);-->--}}
{{--<!--                                        $('#hot-jobs-list').append(html);-->--}}
{{--<!--                                    if(data.length == 'falses'){-->--}}
{{--<!--                                        $('.getMoreJobs').html('加载完毕');-->--}}
{{--<!--                                        $('.getMoreJobs').css("background", "#d9d9d9");-->--}}
{{--<!--                                    }-->--}}
{{--<!--                                }else{-->--}}
{{--<!--                                    $('.getMoreJobs').html('加载完毕');-->--}}
{{--<!--                                    $('.getMoreJobs').css("background", "#d9d9d9");-->--}}
{{--<!--                                    return false;-->--}}
{{--<!--                                }-->--}}
{{--<!--                            },-->--}}
{{--<!--                            error:function(){-->--}}
{{--<!--                                alert('error');-->--}}
{{--<!--                            }-->--}}
{{--<!--                        });-->--}}
{{--<!--                    })-->--}}
{{--<!--                })-->--}}
{{--<!--            </script>-->--}}
        </div>

        {{-- 热门企业 --}}
        <div id="hot-company" class="dn">
            <div id="hot-company-list" class="row">
               @foreach( $comdetail as $cdetail)
               <div class="col-xs-4 col-sm-4 col-md-4 mb20">
                    <div class="hot-company-logo">
                        <a href="{{ url('/company/detail?typeid=2&comid='.$cdetail->id) }}" target="_blank" title="{{$cdetail->name}}">
                          <img src="{{ $cdetail->logo }}" width="100%" height="160"/>
                        </a>
                    </div>
                    <p class="hot-company-infot">
                        <span class="fl fs18 cp" title="{{$cdetail->name}}">{{ str_limit($cdetail->name, 16) }}</span>
                        <span class="fr c9">@if($cdetail->comtype_name){{$cdetail->comtype_name}} @endif</span>
                    </p>
                    <p class="hot-company-infom">
                        正在招聘
                        <span class="cf">{{count($cdetail->jobsinfo)?:0}}&nbsp;</span>个职位
                    </p>
                    <p class="hot-company-infob">
                           @foreach($cdetail['tags'] as $comtag)
                              <span>{{$comtag->tags_name}}</span>
                           @endforeach
                    </p>
                    <em></em>
               </div>
               @endforeach

            </div>

            {{-- 加载更多 --}}
            <div id="hot-companys-more" class="jobs-hots-more">
                {{-- @if(count($comdetail) < 15)
                <button type="button" style=" background: #d9d9d9">加载完毕</button>
                @else
                <button type="button" id="getMoreComs" class="getMoreComs">加载更多</button>--}}
                <a href="{{ url('/company/list?typeid=2')}}" target="_blank" class="fr">
                    查看更多
                    <img src="{{ asset('/images/jobs/circle.png') }}"/>
                </a>
                <input type="hidden" name="compages" value="{{$compages}}" />
                {{-- @endif --}}
            </div>
{{--<!--            <script>-->--}}
{{--<!--                $(function(){-->--}}
{{--<!--                    $("#getMoreComs").click(function(){-->--}}
{{--<!--                        var p = $("input[name=compages]").val();-->--}}
{{--<!--                        $.ajax({-->--}}
{{--<!--                            type:'post',-->--}}
{{--<!--                            cache:'false',-->--}}
{{--<!--                            url:'/company/hotcompanys',-->--}}
{{--<!--                            data:"page="+p+"&_token="+'{{ csrf_token() }}',-->--}}
{{--<!--                            dataType:'json',-->--}}
{{--<!--                            success:function(data){-->--}}
{{--<!--                                if(data.status == 'success'){-->--}}
{{--<!--                                    var jsonData = data.data;-->--}}
{{--<!--                                    var html = '';-->--}}
{{--<!--                                    $.each(jsonData,function(index,item){-->--}}
{{--<!--                                       var com_url = "{{url('/company/detail?typeid=2&comid=')}}" + item.id;-->--}}
{{--<!--                                       html +='<div class="col-xs-4 col-sm-4 col-md-4 mb20">';-->--}}
{{--<!--                                          html +='<div class="hot-company-logo">';-->--}}
{{--<!--                                             html +='<a href="'+com_url+'" target="_blank">';-->--}}
{{--<!--                                                html +='<img src="'+item.logo+'" width="100%" height="182" />';-->--}}
{{--<!--                                             html +='</a>';-->--}}
{{--<!--                                           html +='</div>';-->--}}
{{--<!--                                          html +='<p class="hot-company-infot">';-->--}}
{{--<!--                                             html +='<span class="fl fs18">'+item.com_name+'</span>';-->--}}
{{--<!--                                             html +='<span class="fr c9">'+item.comtype_name+' </span>';-->--}}
{{--<!--                                          html +='</p>';-->--}}
{{--<!--                                          html +='<p class="hot-company-infom">';-->--}}
{{--<!--                                             html +='正在招聘<span class="cf">&nbsp;'+item.counts+'&nbsp;</span>个职位';-->--}}
{{--<!--                                          html +='</p>';-->--}}
{{--<!--                                          html +='<p class="hot-company-infob">';-->--}}
{{--<!--                                        $.each(item.comtags,function(i,ta){-->--}}
{{--<!--                                            html +='<span>'+ta.tags_name+'</span>&nbsp;';-->--}}
{{--<!--                                        });-->--}}
{{--<!--                                          html +='</p>';-->--}}
{{--<!--                                          html +='<em></em>';-->--}}
{{--<!--                                       html +='</div>';-->--}}
{{--<!--                                    });-->--}}
{{--<!--                                    $("input[name=compages]").val(data.pages);-->--}}
{{--<!--                                    $('#hot-company-list').append(html);-->--}}
{{--<!--                                    if(data.length == 'falses'){-->--}}
{{--<!--                                        $('.getMoreComs').html('加载完毕');-->--}}
{{--<!--                                        $('.getMoreComs').css("background", "#d9d9d9");-->--}}
{{--<!--                                    }-->--}}
{{--<!--                                }else{-->--}}
{{--<!--                                   $('.getMoreComs').html('加载完毕');-->--}}
{{--<!--                                   $('.getMoreComs').css("background", "#d9d9d9");-->--}}
{{--<!--                                    return false;-->--}}
{{--<!--                                }-->--}}
{{--<!--                            },-->--}}
{{--<!--                            error:function(){-->--}}
{{--<!--                                alert('error');-->--}}
{{--<!--                            }-->--}}
{{--<!--                        });-->--}}
{{--<!--                    })-->--}}
{{--<!--                })-->--}}
{{--<!--            </script>-->--}}
        </div>
    </div>

  </div>
  <div class="clr"></div>
 </div>
</div>

<script type="text/javascript">
    //切换 热门职位 热门企业按钮样式
    $("#hot-jobs-btn").click(function(){
        $("#hot-jobs-btn").addClass("commonbgc"); // 追加样式
        $("#hot-company-btn").removeClass("commonbgc");  // 移除样式
        $("#hot-jobs").show(); //职位列表显示
        $("#hot-company").hide();  //企业列表隐藏
    });
    $("#hot-company-btn").click(function(){
        $("#hot-company-btn").addClass("commonbgc"); // 追加样式
        $("#hot-jobs-btn").removeClass("commonbgc"); // 移除样式
        $("#hot-jobs").hide();   //职位列表隐藏
        $("#hot-company").show();  //企业列表显示
    });
    //侧边导航
    $("#jobsnav").slide({
        type:"menu",
        titCell:".menu_box",
        targetCell:".menu_sub",
        delayTime:0,
        triggerTime:0,
        defaultPlay:false,
        returnDefault:true
    });
    // banner轮播图样式
    /*鼠标移过，左右按钮显示*/
    $(".home_banner").hover(function(){
        $(this).find(".prev,.next").fadeTo("show",0.9);
    },function(){
        $(this).find(".prev,.next").hide();
    })
    $(".home_banner").slide({
        titCell:".num ul" ,
        mainCell:".home_banner_imgs" ,
        effect:"fold",
        autoPlay:true,
        interTime:3000,
        delayTime:1000,
        autoPage:true
    });

</script>

@stop


@section('footer')
@parent
@stop

